let page = 1;
let line = 16;
//获取浏览器地址栏的数据对象(调用tool里面的函数来获取)
const obj1 = ["食品酒水", "童装玩具", "家装建材", "奶粉尿裤", "其他"];

console.log(obj1);

//封装函数 根据得到的地址栏数据 动态渲染生成页面
setPage();
function setPage() {
  obj1.forEach(function (item, key) {
    const xhr = myPromiseJQueryAjax(
      "../server/goods_list.php",
      "get",
      {
        cat_one_id: item,
        page: page,
        line,
      },
      "json"
    );
    console.log(xhr);
    //返回请求解果 动态生成页面
    xhr.then(function (res) {
      console.log(res);
      let str = "";
      //遍历res里面data对象动态获取数据生成页面
      res.data.forEach(function (item) {
        setRGB();
        str += `<li style="border-top:2px solid ${setRGB()}">
                <div class="info_name">
                    <a href="#" class="first_name">${item.cat_one_id}</a>
                    <a href="#" class="second_name">${item.cat_two_id}</a>
                    <a href="#" class="thired_name">${item.cat_three_id}</a>
                </div>
                <a href="./detail2.html?id=${item.goods_id}" class="details">
                    <div class="imgBox">
                        <img src="${item.goods_big_logo}" alt="..."></div>
                    <div class="info">
                        <h3>${item.goods_name}</h3>
                    </div>
                    <div class="price">
                        <span>￥ ${item.goods_price}</span>
                    </div>
                    <span class="more_like">找相似</span>
                </a>
                </li>`;
      });
      if (item === obj1[0]) {
        $(".detailList .cart1").html(str);
      } else if (item === obj1[1]) {
        $(".detailList .cart2").html(str);
      } else if (item === obj1[2]) {
        $(".detailList .cart3").html(str);
      } else if (item === obj1[3]) {
        $(".detailList .cart4").html(str);
      }
    });
  });
  //发送ajax请求 携带的参数是obj.cat_id
}
